<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>科研团队识别</title>
    <!-- LOADING STYLESHEETS -->
    <link href="../css/bootstrap.css" rel="stylesheet">
    <link href="../css/font-awesome.min.css" rel="stylesheet">
    <link href="../css/style.css" rel="stylesheet">
    <link href="../css/jquery.dataTables.min.css" rel="stylesheet">
    <style>
        dd {
            padding-left: 30px;
        }

        .selectbox input {
            vertical-align: middle;
            margin-bottom: 2px;
            *margin-bottom: 2px;
        }

        .card .card-footer hr {
            margin-top: 5px;
            margin-bottom: 5px;
        }

        .ct-label.ct-horizontal.ct-end {
            display: block;
            text-align: center;
        }

        .left-float {
            float: left;
        }

        .ly {
            width: 558px;
        }

        .gxt {
            width: 392px;
        }

        .col-center-block {
            float: none;
            display: block;
            margin-right: auto;
        }

        .relation {
            width: 802px;
        }

        .relation-wrap {
            margin-left: 90px;
        }

        .qushi {
            margin-left: 110px;
        }

        .col-title {
            font-size: 17px;
            font-weight: bold;
            margin-top: 15px;
            margin-bottom: 10px;
        }

        .card {
            margin-top: 0px;
        }

        .tdjs {
            color: blue;
        }

        .part_title {
            padding: 10px 20px;
            background: #f5f5f5;
            display: flex;
            align-items: center;
            justify-content: space-between;
        }

        h1, h2, h3, h4 {
            margin: 0;
            font-family: Open Sans, Arial, Helvetica, Sans-Serif;
            font-weight: 300;
        }

        .am-aminer-core-profile-c-list_component-profile-paper-list-aminerPaperList .paper-item {
            border-bottom: 1px dashed #d5d5d5;
            display: flex;
            padding: 15px 0;
            position: relative;
        }

        .am-aminer-core-profile-c-list_component-profile-paper-list-aminerPaperList .paper-item .content {
            position: relative;
            top: -2px;
            line-height: 18px;
            width: calc(100% - 169px);
        }

        .am-aminer-core-profile-c-list_component-profile-paper-list-aminerPaperList .paper-item .title-line {
            font-size: 16px;
            display: block;
            padding-right: 30px;
            margin-bottom: 0;
        }

        .am-aminer-core-profile-c-list_component-profile-paper-list-aminerPaperList .paper-item .title-line .paper-title {
            color: #000;
            line-height: 22px;
            margin-bottom: 0;
            vertical-align: middle;
        }

        .am-aminer-core-profile-c-list_component-profile-paper-list-aminerPaperList .paper-item .authors {
            font-size: 12px;
            margin-top: 8px;
            display: flex;
            flex-wrap: wrap;
        }

        .am-aminer-core-profile-c-list_component-profile-paper-list-aminerPaperList .paper-item .venue-line {
            font-size: 13px;
            color: #444;
            margin: 5px 0 0;
        }

        .am-aminer-core-profile-c-list_component-profile-paper-list-aminerPaperList .paper-item .oprs {
            display: flex;
            align-items: center;
            font-size: 12px;
            margin-top: -61px;
            margin-bottom: -74px
        }

        .am-aminer-core-profile-c-list_component-pub-component-profilePapers .part_content {
            padding: 0 22px;
        }

        .am-aminer-core-profile-c-list_component-pub-component-profilePapers .part_content .more_paper {
            text-align: center;
            padding: 10px 0;
        }

        .am-aminer-core-profile-index-profilePage .list_part {
            display: flex;
            margin-top: 10px;
        }

        .am-aminer-core-profile-index-profilePage .list_part .left {
            flex-grow: 1;
            max-width: calc(100% - 385px);
        }

        .am-aminer-core-profile-c-list_component-pub-component-profilePapers {
            border: 1px solid #eee;
        }

        .am-aminer-core-profile-c-list_component-profile-paper-list-aminerPaperList .paper-item .oprs .labels .label {
            padding: 0 8px;
            border: 1px solid #ddd;
            border-radius: 8px;
            color: #ec6b10;
            line-height: 16px;
            margin-left: 8px;
        }

        .am-aminer-core-profile-c-list_component-profile-paper-list-aminerPaperList .paper-item .oprs .split {
            margin: 0 10px;
            color: #d5d5d5;
        }

        .am-aminer-core-profile-c-list_component-profile-paper-list-aminerPaperList .paper-item .oprs .bibtex {
            color: black;
            cursor: pointer;
            font-weight: 700;
        }

        a {
            color: #00bcd4;
            text-decoration: none;
            background-color: transparent;
            outline: none;
            cursor: pointer;
            transition: color .3s;
            -webkit-text-decoration-skip: objects;
        }

        .col-title {
            font-size: 17px;
            font-weight: bold;
            margin-top: 10px;
            margin-bottom: 10px;
        }

        .am-aminer-core-profile-c-list_component-profile-paper-list-aminerPaperList .paper-item {
            border-bottom: 1px dashed #d5d5d5;
            display: flex;
            padding: 15px 0;
            position: relative;
        }

        .am-aminer-core-profile-c-list_component-profile-paper-list-aminerPaperList .paper-item .content {
            position: relative;
            top: -2px;
            line-height: 18px;
            width: calc(100% - 169px);
        }

        .am-aminer-core-profile-c-list_component-profile-paper-list-aminerPaperList .paper-item .title-line {
            font-size: 16px;
            display: block;
            padding-right: 30px;
            margin-bottom: 0;
        }

        .am-aminer-core-profile-c-list_component-profile-paper-list-aminerPaperList .paper-item .authors {
            font-size: 12px;
            margin-top: 8px;
            display: flex;
            flex-wrap: wrap;
        }

        .am-aminer-core-profile-c-list_component-profile-paper-list-aminerPaperList .paper-item .venue-line {
            font-size: 13px;
            color: #444;
            margin: 5px 0 0;
        }

        .am-aminer-core-profile-c-list_component-profile-paper-list-aminerPaperList .paper-item .authors .author.link {
            color: #067c08;
        }

        .am-aminer-core-profile-c-list_component-profile-paper-list-aminerPaperList .paper-item .authors .author.highlight {
            color: #ec6b10;
            font-style: italic;
        }

        .am-aminer-core-profile-c-list_component-profile-paper-list-aminerPaperList .paper-item .authors .author {
            color: black;
            padding-bottom: 3px;
        }

        .am-aminer-core-profile-c-list_component-profile-paper-list-aminerPaperList .paper-item .content {
            position: relative;
            top: -2px;
            line-height: 18px;
            width: calc(100% - 169px);
        }

        .sidebar[data-color="purple"] li.active > a {
            background-color: #00bcd4;
            box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(156, 39, 176, 0.4);
        }

        a {
            color: #00bcd4;
        }

        .next {
            margin-left: 375px;
        }
    </style>
</head>
<body>
<!-- LOGO -->
<#--<div class="container">-->
<#--    <div class="row">-->
<#--        <div class="header">-->
<#--            <div class="logo">-->
<#--                &lt;#&ndash;        <img src="images/logo.png" alt="logo">&ndash;&gt;-->
<#--                场景三-->
<#--            </div>-->
<#--        </div>-->
<#--    </div>-->
<#--</div>-->
<!-- END LOGO-->

<!-- TOP NAVIGATION -->
<div class="container-fluid">
    <div class="navigation">
        <div class="row">
            <ul class="topnav">
                <li></li>
                <li>
                    <a href="/scidata/team">
                        <i class="fa fa-search-plus"></i>科研团队识别</a>
                </li>
                <li>
                    <a href="/scidata/project/all">
                        <i class="fa fa-location-arrow"></i>项目成果追踪</a>
                </li>
                <li>
                    <a href="/scidata/paper">
                        <i class="fa fa-book"></i>学科交叉分析</a>
                </li>
            </ul>
        </div>
    </div>
</div>
<!-- END TOP NAVIGATION -->

<!-- SEARCH FIELD AREA -->
<div class="searchfield bg-hed-six">

    <div class="container" style="padding-top: 20px; padding-bottom: 20px;">
        <div class="row text-center margin-bottom-20">
            <h1 class="white"> 科研团队识别</h1>
            <#--            <span class="nested"> Learn to use gomac </span>-->
        </div>
        <br>
        <br>
        <div class="row search-row">
            <form name="search_form" action="/scidata/team/teamSearch" onsubmit="return verify(this)">
                <div class="form-group">
                    <select class="myselect btn btn-info btn-lg" name="myselect" id="select123" style="font-size: 20px;height: 50px;margin-top:-6px;">
                    <option value ="field" style="color: black">研究领域</option>
                        <option value ="name" style="color: black">学者姓名</option>
                    </select>
                    <input type="text" class="search" name="field" class="form-control">
                    <button class="buttonsearch btn btn-info btn-lg">搜索</button>
                </div>
            </form>
        </div>

    </div>
</div>
<!-- END SEARCH FIELD AREA -->

<!-- MAIN SECTION -->
<div class="featured-area-default padding-30">
    <div class="row">
        <div class="col-md-12 padding-20">
            <div class="row">
                <!-- 基本信息  -->
                <div class="panel panel-default">
                    <div class="article-heading">${researcher.getName()}</div>
                    <div class="article-content" style="height: 300px">
                        <div class="col-md-6" style="font-size: 25px">
                            <h3>基本信息</h3><br>
                            <div
                            >${researcher.getAffiliation()}</div>
                            <div > 研究领域：${researcher.getField()}</div>
                            <div > 被引频次：${researcher.getCited()}</div>
                            <div > 成果数：${researcher.getPapernums()}</div>
                            <div > 主持项目数：${researcher.getProjectnum()}</div>
                            <div> H指数：${researcher.getHindex()} &nbsp &nbsp
                                G指数：${researcher.getGindex()}</div>
                        </div>
                        <div class="col-md-6">
                            <div class="left-float card-ele" style="width:50%">
                                <div id="container" style="width: 100%;height: 300px;left: 45px;top:10px;"></div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="panel panel-default">
                    <div class="article-heading">成果列表</div>
                    <div class="article-content">
                        <div class="relation-wrap">
                            <div id="profliePaperList_ROOT"
                                 class="am-aminer-core-profile-c-list_component-profile-paper-list-aminerPaperList aminer-paper-list"
                                 style="position: relative;">
                                <#list paperlist as r>
                                    <div class="paper-item end">
                                        <div class="content">
                                            <p class="title-line">
         <span class="paper-title" style="font-size: large"><span>
         ${r.getTitle()}</span></span></p>
                                            <div class="authors">
                                                        <span class="author"
                                                              style="font-size:16px">${r.getAuthor()}</span>

                                            </div>

                                            <div class="oprs">

                                                        <span class="bibtex" style="font-size: small"><span
                                                                    style="font-size: 16px;">引用量:</span></span>
                                                <span class="split text-dark"
                                                      style="font-size: 16px;color: #0c0c0c;">${r.getCited()}</span>
                                                <svg class="icon" aria-hidden="true">
                                                    <use xlink:href="#icon-global"></use>
                                                </svg>
                                            </div>
                                        </div>
                                    </div>
                                </#list>

                            </div>
                            <div id="sb" style="width: 800px;height:255px;"></div>
                        </div>
                    </div>
                </div>
            </div>

        </div>
    </div>
</div>
<!-- END MAIN SECTION -->

<!-- LOADING MAIN JAVASCRIPT -->
<script src="../js/jquery-2.2.4.min.js"></script>
<script src="../js/main.js"></script>
<script src="../js/bootstrap.min.js"></script>
<script src='../js/jquery.okayNav.js'></script>
<script src="../js/echart.min.js"></script>
<script src="../js/dataTool.min.js"></script>
<script src="../js/jquery.dataTables.min.js"></script>
<script>
    function verify(form) {
        Keyword=form.field.value
        console.log(Keyword)
        if (Keyword.length>=10) {
            alert('输入关键词长度不能大于10');
            return false;
        }
        if (Keyword.trim() == '' || Keyword==null) {
            alert('输入关键词不能为空');
            return false;
        }
    };
</script>
<script>
    $(document).ready(function () {
        $().ready(function () {
            $sidebar = $('.sidebar');

            $sidebar_img_container = $sidebar.find('.sidebar-background');

            $full_page = $('.full-page');

            $sidebar_responsive = $('body > .navbar-collapse');

            window_width = $(window).width();

            fixed_plugin_open = $('.sidebar .sidebar-wrapper .nav li.active a p').html();

            if (window_width > 767 && fixed_plugin_open == 'Dashboard') {
                if ($('.fixed-plugin .dropdown').hasClass('show-dropdown')) {
                    $('.fixed-plugin .dropdown').addClass('open');
                }
            }

            $('.fixed-plugin a').click(function (event) {
                // Alex if we click on switch, stop propagation of the event, so the dropdown will not be hide, otherwise we set the  section active
                if ($(this).hasClass('switch-trigger')) {
                    if (event.stopPropagation) {
                        event.stopPropagation();
                    } else if (window.event) {
                        window.event.cancelBubble = true;
                    }
                }
            });

            $('.fixed-plugin .active-color span').click(function () {
                $full_page_background = $('.full-page-background');

                $(this).siblings().removeClass('active');
                $(this).addClass('active');

                var new_color = $(this).data('color');

                if ($sidebar.length != 0) {
                    $sidebar.attr('data-color', new_color);
                }

                if ($full_page.length != 0) {
                    $full_page.attr('filter-color', new_color);
                }

                if ($sidebar_responsive.length != 0) {
                    $sidebar_responsive.attr('data-color', new_color);
                }
            });

            $('.fixed-plugin .background-color .badge').click(function () {
                $(this).siblings().removeClass('active');
                $(this).addClass('active');

                var new_color = $(this).data('background-color');

                if ($sidebar.length != 0) {
                    $sidebar.attr('data-background-color', new_color);
                }
            });

            $('.fixed-plugin .img-holder').click(function () {
                $full_page_background = $('.full-page-background');

                $(this).parent('li').siblings().removeClass('active');
                $(this).parent('li').addClass('active');


                var new_image = $(this).find("img").attr('src');

                if ($sidebar_img_container.length != 0 && $('.switch-sidebar-image input:checked').length != 0) {
                    $sidebar_img_container.fadeOut('fast', function () {
                        $sidebar_img_container.css('background-image', 'url("' + new_image + '")');
                        $sidebar_img_container.fadeIn('fast');
                    });
                }

                if ($full_page_background.length != 0 && $('.switch-sidebar-image input:checked').length != 0) {
                    var new_image_full_page = $('.fixed-plugin li.active .img-holder').find('img').data('src');

                    $full_page_background.fadeOut('fast', function () {
                        $full_page_background.css('background-image', 'url("' + new_image_full_page + '")');
                        $full_page_background.fadeIn('fast');
                    });
                }

                if ($('.switch-sidebar-image input:checked').length == 0) {
                    var new_image = $('.fixed-plugin li.active .img-holder').find("img").attr('src');
                    var new_image_full_page = $('.fixed-plugin li.active .img-holder').find('img').data('src');

                    $sidebar_img_container.css('background-image', 'url("' + new_image + '")');
                    $full_page_background.css('background-image', 'url("' + new_image_full_page + '")');
                }

                if ($sidebar_responsive.length != 0) {
                    $sidebar_responsive.css('background-image', 'url("' + new_image + '")');
                }
            });

            $('.switch-sidebar-image input').change(function () {
                $full_page_background = $('.full-page-background');

                $input = $(this);

                if ($input.is(':checked')) {
                    if ($sidebar_img_container.length != 0) {
                        $sidebar_img_container.fadeIn('fast');
                        $sidebar.attr('data-image', '#');
                    }

                    if ($full_page_background.length != 0) {
                        $full_page_background.fadeIn('fast');
                        $full_page.attr('data-image', '#');
                    }

                    background_image = true;
                } else {
                    if ($sidebar_img_container.length != 0) {
                        $sidebar.removeAttr('data-image');
                        $sidebar_img_container.fadeOut('fast');
                    }

                    if ($full_page_background.length != 0) {
                        $full_page.removeAttr('data-image', '#');
                        $full_page_background.fadeOut('fast');
                    }

                    background_image = false;
                }
            });

            $('.switch-sidebar-mini input').change(function () {
                $body = $('body');

                $input = $(this);

                if (md.misc.sidebar_mini_active == true) {
                    $('body').removeClass('sidebar-mini');
                    md.misc.sidebar_mini_active = false;

                    $('.sidebar .sidebar-wrapper, .main-panel').perfectScrollbar();

                } else {

                    $('.sidebar .sidebar-wrapper, .main-panel').perfectScrollbar('destroy');

                    setTimeout(function () {
                        $('body').addClass('sidebar-mini');

                        md.misc.sidebar_mini_active = true;
                    }, 300);
                }

                // we simulate the window Resize so the charts will get updated in realtime.
                var simulateWindowResize = setInterval(function () {
                    window.dispatchEvent(new Event('resize'));
                }, 180);

                // we stop the simulation of Window Resize after the animations are completed
                setTimeout(function () {
                    clearInterval(simulateWindowResize);
                }, 1000);

            });
        });
    });
</script>

<script type="text/javascript">
    // 基于准备好的dom，初始化echarts实例
    var myChart = echarts.init(document.getElementById('container'));


    var option = {
        title: {
            show: true,
            text: "成果占比图",
            x: 'center',
            y: 'top'
        },
        tooltip: {
            trigger: 'item',
            formatter: '{a} <br/>{b} : {c} ({d}%)'
        },
        legend: {
            orient: 'vertical',
            left: 'left',
            data: ['期刊', '会议', '专著', '其他']
        },
        series: [
            {
                name: '占比',
                type: 'pie',
                radius: '55%',
                center: ['50%', '60%'],
                data: [
                    {value: ${researcher.getJournalnum()}, name: '期刊'},
                    {value: ${researcher.getConferencenum()}, name: '会议'},
                    {value: ${researcher.getZhuanzhunum()}, name: '专著'},
                    {value: ${researcher.getOthernum()}, name: '其他'},
                ],
                emphasis: {
                    itemStyle: {
                        shadowBlur: 10,
                        shadowOffsetX: 0,
                        shadowColor: 'rgba(0, 0, 0, 0.5)'
                    }
                }
            }
        ]
    };
    // 使用刚指定的配置项和数据显示图表。
    myChart.setOption(option);
</script>
</body>
</html>